﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UI/Main/Main.Master" AutoEventWireup="true" CodeBehind="myphotos.aspx.cs" Inherits="OrganizedIN.UI.photo.myphotos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script src="../../src/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../../src/js/facebox.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            jQuery('a.imgs').facebox();
        })
    </script>
    <div id="middle_tab">
  	<div id="middle_tab_title" align="center">My Photos</div>
	<div class="middle_tab_content" style="background-color:#d8e1f3;">
        <br />
		<h4>You can Add, Search, Add Priority, Add Rating, Re-Name, Re-Date (Add to a future Date), Delete, Archive, and Share with your Group by clicking on the below icons:</h4><br />
	</div>
	<div id="icon_link_wrapper" align="center">
		<div id="icon_primary_documents" align="center"><a href="add_new_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Add','','../../images/add_02.jpg',1)"><img src="../../images/add_01.jpg" alt="Search" name="Add" width="75" height="75" border="0" id="Add" /></a></div>
		<div id="icon_secondary" align="center"><a href="search_my_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Search','','../../images/search_02.jpg',1)"><img src="../../images/search_01.jpg" alt="Search" name="Search" width="75" height="75" border="0" id="Search" /></a></div>
        <div id="icon_secondary" align="center"><a href="add_rating_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Add Rating','','../../images/add_rating_02.jpg',1)"><img src="../../images/add_rating_01.jpg" alt="Add Rating" name="Add Rating" width="75" height="75" border="0" id="Add Rating" /></a></div>
        <div id="icon_secondary" align="center"><a href="add_to_album.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Add to Album','','../../images/add_to_album_02.jpg',1)"><img src="../../images/add_to_album_01.jpg" alt="Add to Album" name="Add to Album" width="75" height="75" border="0" id="add_to_album" /></a></div>
        <div id="icon_secondary" align="center"><a href="rename_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Re-Name','','../../images/rename_02.jpg',1)"><img src="../../images/rename_01.jpg" alt="Re-Name" name="Add Re-Name" width="75" height="75" border="0" id="Re-Name" /></a></div>		
        <div id="icon_secondary" align="center"><a href="redate_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Re-Date','','../../images/redate_02.jpg',1)"><img src="../../images/redate_01.jpg" alt="Re-Date" name="Re-Date" width="75" height="75" border="0" id="Re-Date" /></a></div>
        <div id="icon_secondary" align="center"><a href="share_with_group_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Share with group','','../../images/share_02.jpg',1)"><img src="../../images/share_01.jpg" alt="Share with group" name="Share with group" width="75" height="75" border="0" id="Share with group" /></a></div>
        <div id="icon_secondary" align="center"><a href="delete_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Delete','','../../images/delete_02.jpg',1)"><img src="../../images/delete_01.jpg" alt="Delete" name="Delete" width="75" height="75" border="0" id="Delete" /></a></div>    
        <div id="icon_secondary" align="center"><a href="archive_photos.aspx" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Archive','','../../images/archive_02.jpg',1)"><img src="../../images/archive_01.jpg" alt="Archive" name="Archive" width="75" height="75" border="0" id="Archive" /></a></div>   
	</div><br /><br />
    <div class="documents_table">
        <style type="text/css">
            h4, p { margin:0; padding:0}
            #wrapper 
            { 
                width: 100%;
                padding: 20px;
            }
            #wrapper .left-pane 
            {
                display:block;
                width:100%;
                height:600px;
                overflow:auto;
            } 
            ul.photo_list
            {
                list-style:none;
                display:block;
            }
            h4 
            {
                font-weight:bold;
            }
            ul.photo_list li
            {
                list-style:none;
                display:block;
                width:250px;
                margin-bottom: 20px; 
                float:left;
            }
        </style>
        <div id="wrapper">
            <div id="left_pane" class="left_pane" runat="server"></div>
            <h4 style="clear:both;" id="vs" runat="server"></h4>
        </div>
    </div>
</asp:Content>
